<template>
	<view>
		<view class="header-ttop">
			<view @click="angotu">
				<i class="uni-btn-icon" style="color: rgb(255, 255, 255); font-size: 27px;"></i>
			</view>

			<view @click="show=true">
				<view>
					{{lo.titleList[1].text}}
				</view>
				<view>
					<i class="uni-btn-icon" style="color: rgb(255, 255, 255); font-size: 12px;"></i>
				</view>
			</view>
		</view>

		<u-mask :show="show" @click="show=false">

			<view class="wrao-foofff">
				<view class="wraps">

				</view>
				<view class="warp">
					<view @click="addgose(i)" :class="{'boortttom':i<=3}" v-for="(c,i) in lo.titleList" :key="i" :style="{'background-color':i==1?'#EEEEEE':'#fff',
					'font-weight': i==1?'bold':''}">
						<view class="leftssss" v-if="i==1">

						</view>

						{{c.text}}

					</view>


				</view>
			</view>

		</u-mask>





		<view class="header">
			<u-dropdown menu-icon="arrow-down-fill" menu-icon-size="12" height="100" title-size="24"
				active-color="#3458A2" @open="open" @close="close" :border-bottom='true'>
				<u-dropdown-item v-for="(c,i) in list" :key="i" v-if="i<=3" :title="c.time">
					<view class="slot-content" style="background-color: #FFFFFF;" v-if="i==1||i==2||i==3||i==4">
						<view class="arrow-down-fill-san">
							<view v-for="(c,ii) in c.options" :key="ii" :class="{'class-BGC':c.fel}"
								@click="labelone(i,ii)">
								{{c.label}}
							</view>
						</view>
					</view>

					<view class="slot-content" style="background-color: #FFFFFF;" v-if="i==5">
						<view class="arrow-down-fill-tow">
							<view>
								<view>
									<u-icon name="search" size="28"></u-icon>
								</view>
								<view>
									<input type="text" value="" v-model="input1" />


								</view>
							</view>

							<view>

								<view v-for="(c,ii) in getBank" :key="ii" v-if="i==5" @click="getAreas1(c)">
									{{c}}
								</view>

							</view>

						</view>

					</view>


					<view class="slot-content" style="background-color: #FFFFFF;" v-if="i==6">
						<view class="arrow-down-fill-tow">
							<view>
								<view>
									<u-icon name="search" size="28"></u-icon>
								</view>
								<view>
									<input type="text" value="" v-model="input2" />

								</view>
							</view>

							<view>


								<view v-for="(c,ii) in getArea" :key="ii" @click="getAreas2(c)">
									{{c}}
								</view>

							</view>

						</view>

					</view>

					<view class="slot-content" style="background-color: #FFFFFF;" v-if="i==0">
						<view class="arrow-down-fill-tows">
							<view class="startTime">
								<view>
									<view style="color: #999999;font-size: 18upx;">
										<view v-if="startTime.text.fel">
											{{startTime.text.te}}
										</view>
										<view v-if="!startTime.text.fel">
											{{startTime.nian+startTime.yue+startTime.ri}}
										</view>

									</view>
									<view>
										<u-icon name="arrow-down" color="#C0C4CC" size="28"></u-icon>
									</view>

								</view>

								<view>
									<view>
										<view v-for="(item,index) in topList.nian" :key="index"
											@click="nianClick(index)" :class="{'class-BGC':item.fel==true}">
											{{item.text}}

										</view>

									</view>
									<view>
										<view v-for="(item,index) in topList.yue" :class="{'class-BGC':item.fel==true}"
											:key="index" @click="yueClick(index)">
											{{item.text}}

										</view>

									</view>
									<view>
										<view v-for="(item,index) in topList.ri" :class="{'class-BGC':item.fel==true}"
											:key="index" @click="riClick(index)">
											{{item.text}}

										</view>

									</view>

								</view>

							</view>
							<view class="endTime">

								<view>
									<view style="color: #999999;font-size: 18upx;">


										<view v-if="endTime.text.fel">
											{{endTime.text.te}}
										</view>
										<view v-if="!endTime.text.fel">
											{{endTime.nian+endTime.yue+endTime.ri}}
										</view>

									</view>
									<view>
										<u-icon name="arrow-down" color="#C0C4CC" size="28"></u-icon>
									</view>

								</view>

								<view>
									<view>
										<view v-for="(item,index) in topLists.nian" :key="index"
											@click="niansClick(index)" :class="{'class-BGC':item.fel==true}">
											{{item.text}}

										</view>

									</view>
									<view>
										<view v-for="(item,index) in topLists.yue" :key="index"
											@click="yuesClick(index)" :class="{'class-BGC':item.fel==true}">
											{{item.text}}

										</view>

									</view>
									<view>
										<view v-for="(item,index) in topLists.ri" :key="index" @click="risClick(index)"
											:class="{'class-BGC':item.fel==true}"> {{item.text}}

										</view>

									</view>

								</view>
							</view>


						</view>
					</view>




				</u-dropdown-item>
			</u-dropdown>
		</view>
		<view class="header" v-show="footerCshow">
			<u-dropdown menu-icon="arrow-down-fill" height="100" menu-icon-size="12" title-size="24"
				active-color="#3458A2" @change="change" :border-bottom='true' @open="opens" @close="closes">
				<u-dropdown-item v-for="(c,i) in list" :key="i" v-if="i>3" :title="c.time">


					<view class="slot-content" style="background-color: #FFFFFF;" v-if="i==5">
						<view class="arrow-down-fill-tow">
							<view>
								<view>
									<u-icon name="search" size="28"></u-icon>
								</view>
								<view>
									<input type="text" value="" v-model="input1" />


								</view>
							</view>

							<view>

								<view v-for="(c,ii) in getBank" :key="ii" v-if="i==5" @click="getAreas1(c)">
									{{c}}
								</view>

							</view>

						</view>

					</view>


					<view class="slot-content" style="background-color: #FFFFFF;" v-if="i==6">
						<view class="arrow-down-fill-tow">
							<view>
								<view>
									<u-icon name="search" size="28"></u-icon>
								</view>
								<view>
									<input type="text" value="" v-model="input2" />

								</view>
							</view>

							<view>


								<view v-for="(c,ii) in getArea" :key="ii" @click="getAreas2(c)">
									{{c}}
								</view>

							</view>

						</view>

					</view>



				</u-dropdown-item>
			</u-dropdown>
		</view>

		<view class="center-list">
			<view>
				自有口径
			</view>
			<view>
				58%
			</view>
			<view>
				（四大行贷款余额合计：10亿）
			</view>
		</view>


		<view class="footer-list">
			<view class="footer-list-s" v-for="(c,i) in keylist" :key="i">
				<view class="footer-list-s-header">
					<view>
						<image src="../../index/imgs/financing/zuo1.png" mode=""></image>
					</view>
					<view>
						{{c.title}}
					</view>
					<view>
						<image src="../../index/imgs/financing/you1.png" mode=""></image>
					</view>
				</view>
				<view class="footer-list-s-center">

					<view class="charts-box">
						<qiun-data-charts  :echartsApp="true" :inScrollView="true"
							:disableScroll="true" :type="c.ss" :chartData="c.chartData" background="none"
							:opts="c.list" />
					</view>

				</view>


			</view>

		</view>



		<view class="footer-footer">

			<view class="footer-footer-header">
				<view>明细表</view>
				<view>（单位：亿元）</view>

				<view>
					<i class="el-icon-crop"></i>
				</view>

			</view>


			<view class="footer-footer-header-bottom">

				<view>
					<view v-for="(c,i) in footerList" :key="i">
						{{c}}
					</view>
				</view>


				<view>
					<view v-for="(c,i) in footerListd" :key="i" @click="optionList(i)">
						<view>
							{{c}}
						</view>
						<view>
							<u-icon name="arrow-down-fill" color="#ccc" size="5"></u-icon>
						</view>

					</view>
				</view>

			</view>


			<view class="option-list">

				<view>

					<view v-for="(c,i ) in optionListsd1" :key="i" v-show="optionList1" @click="optionClick1(i)">
						{{c.text}}
					</view>

				</view>

				<view>

					<view v-for="(c,i ) in optionListsd2" :key="i" v-show="optionList2" @click="optionClick2(i)">
						{{c.text}}
					</view>

				</view>


				<view>
					<view v-for="(c,i ) in optionListsd3" :key="i" v-show="optionList3" @click="optionClick3(i)">
						{{c.text}}
					</view>

				</view>



			</view>


		</view>



		<view class="footeraaaaaaaaaaa">
			<el-table :data="tableData" :cell-style="cellStyle" :header-cell-style="tableHeaderColor">
				<el-table-column prop="AREA_ORG_NAME" label="地区" width="50">
				</el-table-column>
				<el-table-column prop="BANK" label="银行" width="120">
				</el-table-column>
				<el-table-column width="100" prop="TOTAL_VALUE" label="存款余额">
				</el-table-column>
				<el-table-column width="120" prop="FK_BALANCE_VALUE" label="-">
				</el-table-column>
				<el-table-column width="100" prop="AJ_BALANCE_VALUE" label="-">
				</el-table-column>
				<el-table-column width="90" prop="percent" label="存贷比">
				</el-table-column>
			</el-table>

		</view>



	</view>
</template>
<!-- getPercenAreaOrgName -->
<script>
	import ld from '../../index/index.js'
	import lo from '../lo.js'
	// getListAjBalance
	import {
		getArea,
		getBank,
		getPointBank,
		getPointAreaOrgName,
		getPercenAreaOrgName,
		ldrlist,
		getPercenBank,
		getTendency,


		getListTotal,
		getListFkBalance,
		getListAjBalance

	} from '../../../network/page/home.js'
	import sss from './ins.js'

	export default {
		data() {
			return {
				show: false,
				list: [{
						time: "起止时间",
						fel: false,
						options: []
					},
					{
						time: "存货比口径",
						fel: false,
						options: [{
								label: '日均',
								value: '1',
								fel: false
							},
							{
								label: '时点',
								value: '2',
								fel: false
							}

						],
					},
					{
						time: "存款口径",
						fel: false,
						options: [{
								label: '自有口径',
								value: 'A',
								fel: false
							},
							{
								label: '上市口径',
								value: 'B',
								fel: false
							},
							{
								label: "操盘口径(不含练操)",
								value: 'C',
								fel: false
							},
							{
								label: "操盘口径(含练操)",
								value: 'D',
								fel: false
							},
							{
								label: '表外口径',
								value: 'E',
								fel: false
							}
						],
					},
					{
						time: "贷款口径",
						fel: false,
						options: [{
								label: '自有口径',
								value: 'A',
								fel: false
							},
							{
								label: '上市口径',
								value: 'B',
								fel: false
							},
							{
								label: "操盘口径(不含练操)",
								value: 'C',
								fel: false
							},
							{
								label: "操盘口径(含练操)",
								value: 'D',
								fel: false
							},
							{
								label: '表外口径',
								value: 'E',
								fel: false
							},
							{
								label: '非自有表内',
								value: 'F',
								fel: false
							},
							{
								label: '非自有',
								value: 'G',
								fel: false
							}
						],
					},
					{
						time: "按揭投放口径",
						fel: false,
						options: [{
								label: '自有口径',
								value: 'A',
								fel: false
							},
							{
								label: '上市口径',
								value: 'B',
								fel: false
							},
							{
								label: "操盘口径(不含练操)",
								value: 'C',
								fel: false
							},
							{
								label: "操盘口径(含练操)",
								value: 'D',
								fel: false
							},
							{
								label: '表外口径',
								value: 'E',
								fel: false
							},
							{
								label: '非自有表内',
								value: 'F',
								fel: false
							}
						],
					},
					{
						time: "银行",
						fel: false,

					},
					{
						time: "地区",
						fel: false,
					}
				],
				keylist: [{
						title: '集团融资银行日均存款余额及日均存贷比',
						list: sss.ll,
						chartData: sss.changde,
						ss: 'mix',
						// class: 'charts-box'
					},
					{
						title: '集团融资地区日均存款余额及日均存贷比',
						list: sss.ll,
						chartData: sss.changdesd,
						ss: 'mix',
						// class: 'charts-box'
					},
					{
						title: '集团融资日均存贷比趋势',
						list: sss.llo,
						chartData: sss.changess,
						ss: 'mix',
						// class: 'asdasd'
					}
				],
				getArea: '',
				getBank: '',
				input1: '',
				input2: '',
				lo: lo,
				sss: sss,
				tableData: [],
				please: [

				],
				startTime: {
					text: {
						te: '开始时间',
						fel: true
					},
					nian: '',
					yue: '',
					ri: '',
				},
				endTime: {
					text: {
						te: '结束时间',
						fel: true
					},
					nian: '',
					yue: '',
					ri: '',
				},
				topList: {
					nian: [{
							text: '2017年',
							fel: false
						},
						{
							text: '2018年',
							fel: false
						},
						{
							text: '2019年',
							fel: false
						},
						{
							text: '2020年',
							fel: false
						},
						{
							text: '2021年',
							fel: false
						}
					],
					yue: [{
							text: '1月',
							fel: false
						},
						{
							text: '2月',
							fel: false
						},
						{
							text: '3月',
							fel: false
						},
						{
							text: '4月',
							fel: false
						},
						{
							text: '5月',
							fel: false
						},
						{
							text: '6月',
							fel: false
						},
						{
							text: '7月',
							fel: false
						},
						{
							text: '8月',
							fel: false
						},
						{
							text: '9月',
							fel: false
						},
						{
							text: '10月',
							fel: false
						},
						{
							text: '11月',
							fel: false
						},
						{
							text: '12月',
							fel: false
						}

					],
					ri: []
				},
				topLists: {
					nian: [{
							text: '2017年',
							fel: false
						},
						{
							text: '2018年',
							fel: false
						},
						{
							text: '2019年',
							fel: false
						},
						{
							text: '2020年',
							fel: false
						},
						{
							text: '2021年',
							fel: false
						}
					],
					yue: [{
							text: '1月',
							fel: false
						},
						{
							text: '2月',
							fel: false
						},
						{
							text: '3月',
							fel: false
						},
						{
							text: '4月',
							fel: false
						},
						{
							text: '5月',
							fel: false
						},
						{
							text: '6月',
							fel: false
						},
						{
							text: '7月',
							fel: false
						},
						{
							text: '8月',
							fel: false
						},
						{
							text: '9月',
							fel: false
						},
						{
							text: '10月',
							fel: false
						},
						{
							text: '11月',
							fel: false
						},
						{
							text: '12月',
							fel: false
						}

					],
					ri: []
				},
				getListTotals: [],
				getListFkBalances: [],
				getListAjBalances: [],
				footerList: [
					'贷款余额参数1',
					'贷款余额参数2',
					'排序参数1'
				],
				footerListd: [
					'银行',
					'地区',
					'地区'
				],
				footerCshow: true,
				optionList1: false,
				optionList2: false,
				optionList3: false,
				optionListsd1: [{
						text: '显示',
						fel: false
					},
					{
						text: '不显示',
						fel: false
					},

				],
				optionListsd2: [{
						text: '显示',
						fel: false
					},
					{
						text: '不显示',
						fel: false
					},

				],
				optionListsd3: [{
						text: '显示',
						fel: false
					},
					{
						text: '不显示',
						fel: false
					},

				]

			};
		},
		methods: {
			cellStyle(row, column, rowIndex, columnIndex) {
				return 'background:#F7F7F7'
			},
			tableHeaderColor(row) {
				return 'background:#F7F7F7'
			},
			optionClick3(i) {
				console.log(i)
				this.optionList1 = false
				this.optionList2 = false
				this.optionList3 = false

			},
			optionClick1(i) {
				console.log(i)
				this.optionList1 = false
				this.optionList2 = false
				this.optionList3 = false
			},
			optionClick2(i) {
				console.log(i)
				this.optionList1 = false
				this.optionList2 = false
				this.optionList3 = false
			},
			optionList(i) {
				if (i == 0) {
					this.optionList3 = false
					this.optionList2 = false

					this.optionList1 = !this.optionList1
				}

				if (i == 1) {
					this.optionList2 = !this.optionList2
					this.optionList3 = false
					this.optionList1 = false
				}
				if (i == 2) {
					this.optionList3 = !this.optionList3
					this.optionList1 = false
					this.optionList2 = false
				}

			},
			labelone(c, i) {
				this.list[c].options.forEach(res => {
					res.fel = false
				})
				console.log(c, i)
				this.list[c].options[i].fel = true
				this.please[c] = this.list[c].options[i].value
				console.log(this.please)

			},
			getAreas1(i) {
				this.input1 = i

			},
			getAreas2(i) {
				this.input2 = i
			},
			close(i) {
				this.footerCshow = true
				// 开始结束时间
				if (i == 0) {

					let yues;
					if (this.startTime.yue.split('月')[0].length < 2) {
						yues = `0${this.startTime.yue.split('月')[0]}`
					} else {
						yues = `${this.startTime.yue.split('月')[0]}`
					}


					let risd;
					if (this.startTime.ri.split('日')[0].length < 2) {
						risd = `0${this.startTime.ri.split('日')[0]}`
					} else {
						risd = `${this.startTime.ri.split('日')[0]}`
					}

					let endyues;
					let endris;

					if (this.endTime.yue.split('月')[0].length < 2) {
						endyues = `0${this.endTime.yue.split('月')[0]}`
					} else {
						endyues = `${this.endTime.yue.split('月')[0]}`
					}



					if (this.endTime.ri.split('日')[0].length < 2) {
						endris = `0${this.endTime.ri.split('日')[0]}`
					} else {
						endris = `${this.endTime.ri.split('日')[0]}`
					}

					let startT = `${this.startTime.nian.split('年')[0]}-${yues}-${risd}`
					let endT = `${this.endTime.nian.split('年')[0]}-${endyues}-${endyues}`



					console.log(startT, endT)
				}
				// 开始结束时间
			},
			open(i) {

				this.footerCshow = false
			},
			addgose(i) {
				if (i == 0) {
					uni.navigateTo({
						url: '../fianci1/fianci1'
					})
				}
				if (i == 1) {

				}
				if (i == 2) {
					uni.navigateTo({
						url: '../fianci3/fianci3'
					})
				}
				if (i == 3) {
					uni.navigateTo({
						url: '../fianci4/fianci4'
					})
				}

			},
			angotu() {
				uni.navigateBack()
			},
			set() {
				let sdas = (new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0)).getDate()

				let ls = []
				for (let index = 0; index < sdas; index++) {
					ls.push({
						fel: false,
						text: (index + 1) + '日'
					})
				}
				this.topList.ri = ls
				this.topLists.ri = ls
			},
			get(nian, yue, num) {
				if (num == 1) {
					let timeo = (new Date(nian.split('年')[0], yue.split('月')[0], 0)).getDate()
					let lss = []
					for (let index = 0; index < timeo; index++) {
						lss.push({
							fel: false,
							text: (index + 1) + '日'
						})
					}
					this.topList.ri = lss
				} else {
					let timeo = (new Date(nian.split('年')[0], yue.split('月')[0], 0)).getDate()
					let lss = []
					for (let index = 0; index < timeo; index++) {
						lss.push({
							fel: false,
							text: (index + 1) + '日'
						})
					}
					this.topLists.ri = lss
				}

			},
			nianClick(i) {
				this.topList.nian.forEach(res => {
					res.fel = false
				})
				this.topList.nian[i].fel = true
				this.startTime.text.fel = false
				this.startTime.nian = this.topList.nian[i].text
			},
			yueClick(i) {
				this.topList.yue.forEach(res => {
					res.fel = false
				})
				this.topList.yue[i].fel = true

				this.startTime.text.fel = false
				this.startTime.yue = this.topList.yue[i].text
				this.startTime.ri = ''
				this.get(this.startTime.nian, this.startTime.yue, 1)

			},
			riClick(i) {
				this.topList.ri.forEach(res => {
					res.fel = false
				})
				this.topList.ri[i].fel = true
				this.startTime.text.fel = false
				this.startTime.ri = this.topList.ri[i].text
			},
			niansClick(i) {
				this.topLists.nian.forEach(res => {
					res.fel = false
				})
				this.topLists.nian[i].fel = true
				this.endTime.text.fel = false
				this.endTime.nian = this.topLists.nian[i].text
			},
			yuesClick(i) {
				this.topLists.yue.forEach(res => {
					res.fel = false
				})
				this.topLists.yue[i].fel = true

				this.endTime.text.fel = false
				this.endTime.yue = this.topLists.yue[i].text
				this.endTime.ri = ''
				this.get(this.endTime.nian, this.endTime.yue, 2)

			},
			risClick(i) {
				this.topLists.ri.forEach(res => {
					res.fel = false
				})
				this.topLists.ri[i].fel = true
				this.endTime.text.fel = false
				this.endTime.ri = this.topLists.ri[i].text
			}



		},
		mounted() {
			this.set()
			//余额口径下拉
			getListTotal().then(res => {
				this.list.forEach(resd => {
					if (resd.time == '存款口径') {
						resd.options = res.data.data
					}
				})
			})
			//贷款口径下拉
			getListFkBalance().then(res => {



				res.data.data.forEach((item) => {
					let getListFkBalanced = {
						label: item.fk_BALANCE_COLUMN,
						value: item.koujing_FLAG,
						fel: false
					}
					this.getListFkBalances.push(getListFkBalanced)

				})





				this.list.forEach(i => {
					if (i.time == '贷款口径') {
						i.options = this.getListFkBalances
					}
				})

			})
			//歇口口径下拉
			getListAjBalance().then(res => {

				this.list.forEach(resd => {
					if (resd.time == '按揭投放口径') {
						resd.options = res.data.data
					}
				})

			})


			getArea().then(res => {
				this.getArea = res.data.data
				// console.log(res)
			})
			getBank().then(res => {
				this.getBank = res.data.data
			})

			getTendency({
				startTime: '2021-06-01',
				endTime: '2021-06-10',
				LDRCAL: '1',
				depositCAL: 'TA_B', //存款
				loanCAL: 'FK_C', // 贷款
				mortgageCAL: 'AJ_B', //按揭
				bank: '中信银行',
				area: '香港',

			}).then(res => {
				// fkvalue ：贷款
				// ajvalue ：按揭
				// tovalue : 余额
				console.log(res.data.data)
				let daysd = []
				let fkvalues = []
				let ajvalues = []
				let tovalues = []
				let percentagesda = []
				res.data.data.forEach(resd => {
					// console.log(resd)
					fkvalues.push(resd.fkvalue)
					ajvalues.push(resd.ajvalue)
					tovalues.push(resd.tovalue)
					percentagesda.push(resd.percentage.split('%')[0])
					daysd.push(resd.day)

				})
				sss.changess.categories = daysd


				sss.changess.series[0].data = fkvalues
				sss.changess.series[1].data = ajvalues
				sss.changess.series[2].data = tovalues
				sss.changess.series[3].data = percentagesda



			})






			// 银行信息
			getPercenBank({
				startTime: '2021-06-02',
				endTime: '2021-06-05',
				LDRCAL: '1',
				depositCAL: 'TA_A', //存款
				loanCAL: 'FK_A', // 贷款
				mortgageCAL: 'AJ_A', //按揭
				bank: '',
				area: '',
				sort: 'TOVALUE',
				flag: '1'
			}).then(res => {
				let percentages = []
				let fkvaluesd = []
				// bank 底部
				var bancks = []
				// fkvalue value
				res.data.data.forEach((resd, i) => {

					if (i <= 8 || i == res.data.data.length - 1) {
						percentages.push(resd.percentage.split('%')[0])

						var fkvalueList = {
							'color': "#4D76D6",
							'value': resd.fkvalue
						}
						fkvaluesd.push(fkvalueList)
						bancks.push(`${resd.bank.split('')[0]}${resd.bank.split('')[1]}`)
					}


				})

				sss.changde.series[1].data = percentages
				sss.changde.categories = bancks
				sss.changde.series[0].data = fkvaluesd
			})


			// 地区信息
			getPercenAreaOrgName({

				startTime: '2021-06-02',
				endTime: '2021-06-05',
				LDRCAL: '1',
				depositCAL: 'TA_A', //存款
				loanCAL: 'FK_A', // 贷款
				mortgageCAL: 'AJ_A', //按揭
				bank: '',
				area: '',

			}).then(res => {
				// areaOrgName 地区
				// sss.changdesd
				// fValue 值
				let listsdf = []
				let areaOrgName = []
				let spercentages = []
				// console.log(res)
				if (res.data.data instanceof Array) {
					res.data.data.forEach(resd => {
						spercentages.push(resd.percentage.split('%')[0])
						listsdf.push({
							"color": "#3B86F0",
							"value": resd.fkvalue

						})
						areaOrgName.push(resd.area_ORG_NAME)

					})

					sss.changdesd.categories = areaOrgName
					sss.changdesd.series[0].data = listsdf
					sss.changdesd.series[1].data = spercentages


				} else {
					console.log('暂无数据')
				}



			})


			ldrlist({
				startTime: '2020-01-02',
				endTime: '2020-01-05',
				LDRCAL: '2',
				depositCAL: 'TA_A', //存款
				loanCAL: 'FK_A', // 贷款
				mortgageCAL: 'AJ_A', //按揭
				bank: '',
				area: '',
				sort: 'FKVALUE',
				record: 'bank'
			}).then(res => {
				// console.log(res)
				this.tableData = res.data.data.list
				// console.log(res.data.data)
			})



		},
		watch: {
			input2(newValue, oldValue) {
				console.log(newValue, oldValue)
				// getPointBank, 银行
				// getPointAreaOrgName 地区


				getPointAreaOrgName({

					startTime: '2021-04-28',
					endTime: '2021-05-05',
					LDRCAL: this.please[1],
					depositCAL: this.please[2],
					loanCAL: this.please[3],
					mortgageCAL: this.please[4],
					bank: String(this.input1),
					area: String(this.input2)
				}).then(res => {
					// areaOrgName 地区
					console.log()
					// fValue 值
					let listsdf = []
					let areaOrgName = []
					res.data.data.forEach(res => {
						listsdf.push({
							"color": "#4D76D6",
							"value": res.fValue

						})
						areaOrgName.push(res.areaOrgName)
						sss.changdesd.categories = areaOrgName
						sss.changdesd.series[0].data = listsdf
					})


					console.log(listsdf, areaOrgName)
				})
			}
		}

	}
</script>

<style scoped src="../../css/css1-10/financingTHeader.min.css"></style>
<style scoped src="./css/fianci2.min.css"></style>
<style scoped src="../../css/css1-10/beginningTime/beginningTime.min.css"></style>
<style lang="scss" scoped>
</style>
